<div class="am-g">
    <div class="col-md-9">
        <h1 class="page-title">Members</h1>
        <ul class="sm-block-grid-2 md-block-grid-3 lg-block-grid-4 user-list">
           <li class="user" ng-repeat="member in members">
                <div class="avatar"></div>
                <div class="info">
                    <a class="nick" href="#">Nickname</a>
                    <strong class="kcal">500</strong>
                    <p class="icons">
                        <i class="icon"></i>
                        <i class="icon"></i>
                        <i class="icon"></i>
                    </p>
                </div>
            </li>
        </ul>
    </div><!-- /.col-md-9 -->
    <div class="col-md-3 ci-col-sub">
    </div><!-- /.col-md-3 -->
</div><!-- /.am-g -->

<style>
.user {
    margin-bottom: 30px;
}
.user .avatar {
    float: left;
    width: 80px;
    height: 80px;
    margin: 0 15px 0 0;
    border: solid 5px #eee;
    border-radius: 50%;
    background: #ddd;
}
.user .info {
    float: left;
}
.user .info .nick {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-decoration: none;
    color: #333;
}
.user .info .kcal {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    color: #f66;
}
.user .info .icons {
    margin: 0;
}
.user .info .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 10px;
    background: #ddd;
}
</style>